<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ace Armor</title>
<link rel="stylesheet" href="views/css/loginScreen.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="views/css/colorbox.css" type="text/css" media="screen" title="default" />

<!--  jquery core -->
<script src="views/js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>


<!-- Custom jquery scripts -->
<script src="views/js/jquery/custom_jquery.js" type="text/javascript"></script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="views/js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>

<script src="views/js/login.js" type="text/javascript"></script>
<script src="views/js/jquery.colorbox.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
	//$('div#display').hide();
	//$('div#display').animate({"height": "toggle"}, { duration: 1000 });	
	//$('div#footer').hide();
	$(document).pngFix( );
	//$.colorbox.init();
	
	//$.fn.colorbox({width:"580", height:"362",iframe:true,open:true});
	$.colorbox({ open: true, inline:true,href:"#login-holder", width:"580", height:"362",escKey:false,overlayClose:false,fastIframe:false});
	//$.colorbox.init()
	
});
</script>
<!--<s:include value="include.jsp" />-->
</head>
<body>
<div class="iframe">
<s:actionerror />
<s:form method="post" theme="simple" id="loginPage">

<!-- Start: login-holder -->
<div id="login-holder">

	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td>
		<div id="faded1">

		<table class="floatRight">
			<tr>
				<th valign="middle" align="right"><font color="black" size="2"
					style="font: bold;">Product name: &nbsp;</font></th>
				<td><s:textfield id="login-id" name="employee.empLastName"
					cssClass="inp-form" required="true" /></td>

			</tr>

			<tr>
				<th valign="middle" align="right"><font color="black" size="2"
					style="font: bold;">Product type: &nbsp;</font></th>
				<td><s:textfield id="password" name="employee.empLastName"
					cssClass="inp-form" required="true" /></td>

			</tr>

			<tr>
				<th valign="middle" align="right"><font color="black" size="2"
					style="font: bold;">Model : &nbsp;</font></th>
				<td><s:textfield id="lname" name="employee.empLastName"
					cssClass="inp-form" required="true" /></td>

			</tr>
			<tr>
				<th valign="middle" align="right"><font color="black" size="2"
					style="font: bold;">Make : &nbsp;</font></th>
				<td><s:textfield id="lname" name="employee.empLastName"
					cssClass="inp-form" required="true" /></td>

			</tr>
			
			<tr>
				<td class="pad50px"><s:submit id="submit"
					javascriptTooltip="Submit" action="addUser" cssClass="button_add"></s:submit>
				</td>
			</tr>
		</table>
		</div>
		</td>

	</tr>
</table>

</div>
<!-- End: login-holder -->

</s:form>
</div>
</body>
</html>